import React, { PureComponent } from 'react'

export default class Parent extends PureComponent {

//pureComponent 比较的是对象是否发生改变。，如果使用的相同的对象
//仅仅修改的是对象里的属性值。那么PureComponent不会重新渲染。

state = {carName:"奔驰"}

changeCar = ()=>{
    this.setState({carName:"宝马"})
}

  render() {
    console.log("Parent组件被渲染了")
    return (
      <div>
        <h3>我是Parent组件</h3>
        <h3>我的车名字是:{this.state.carName}</h3>
        <button onClick={this.changeCar}>点我换车</button>
        <Child/>
      </div>
    )
  }
}

class Child extends PureComponent {
    render() {
    console.log("Child组件被渲染了")
      return (
        <div>
          <h3>我是Child组件</h3>
        </div>
      )
    }
  }
  
